<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<style type="text/css">
	*{
		margin:0 auto;
	}
	button{
		background-color: red;
		width:100px;
		height:30px;
		border-top-left-radius:0.5em;/*圆角边框弧度*/
		border-top-right-radius:0.5em;/*圆角边框弧度*/
		border-bottom-left-radius:0.5em;/*圆角边框弧度*/
		border-bottom-right-radius:0.5em;/*圆角边框弧度*/
	}
	.top{
		width:1300px;
		height:100px;
	}
	.top_left{
		float:left;
		margin-left: 200px;
	}
	.top_right{
		float:left;
		margin-left: 450px;
	}
	.top_right2{
		margin-left: 120px;
		font-size: 14px;
		color:#505050;
	}
	.top_right2 a{
		color:blue;
	}
	.top_right2 a:hover{
		text-decoration: underline;
	}
	ul{
		list-style: none;
	}
	.top_right ul li{
		float:left;
		margin-left:10px;
	}
	.top_right ul li a{
		font-size: 14px;
		color: #505050;
	}
	.top_right ul li a:hover{
		color: orange;
	}
	a{
		text-decoration: none;
		color: black;
	}
	.top_line{
		width:100%;
		height:10px;
		background-color: BLUE;
	}
	.middle{
		width:1300px;
		height:80px;
		margin-top:50px;
	}
	.middle_left{
		float:left;
		margin-left:200px;
	}
	.middle_right{
		float:left;
		margin-left:700px;
		font-size: 14px;
		color:gray;
	}
	.middle_1{
		width:1300px;
		height:500px;
	}
	.middle_1_top{
		background-color: #FFEEEE;
		height:30px;
		width:650px;
		text-align: center;
		font-size: 12px;
		border-bottom:thin;
		border:1px solid #FFaaaa;
		line-height: 30px;
	}
	.middle_1_top a{
		color:blue;
	}
	.middle_1_middle{
		margin-top:40px;
		height:350px;
		width:600px;
	}
	.middle_1_middle p{
		font-size: 12px;
		color:#aaa;
	}
</style>
<script src="js/layer.js"></script>
<script src="js/layui.js"></script>
<script type="text/javascript">
	function check(){
	
		alert("注册成功");
		
</script>
</head>
<body>
	<div class="top">
		<div class="top_left">
			<img src="image/logo.bmp">
		</div>
		<div class="top_right">
			<div>
				<ul>
					<li><a href=""><i class="fa fa-shopping-cart"></i>&nbsp;购物车</a></li>
					<li> | </li>
					<li><a href="">我的订单</a></li>
					<li> | </li>
					<li><a href="">我的当哩个当</a></li>
					<li> | </li>
					<li><a href="">帮助</a></li>
				</ul>
			</div>
			<div class="top_right2">欢迎登录当哩个当，请<a href="login.jsp">登录&nbsp;</a><a href="regist.jsp">免费注册</a></div>
		</div>
	</div>
	<div class="top_line"></div>
	<div class="middle">
		<div class="middle_left">
			新用户注册
		</div>
		<div class="middle_right">
			<a href="index.jsp"><i class="fa fa-home"></i>&nbsp;当哩个当首页</a>
		</div>
	</div>
	<div class="middle_1">
		<div class="middle_1_top">
			<i class="fa fa-exclamation-triangle"></i>&nbsp;贴心提示：请勿设置与邮箱密码相同的账户登录密码或支付密码，防止不法分子窃取您的当当账户信息，<a href="http://blog.dangdang.com/?p=22276">谨防诈骗</a>！
		</div>
		<div  class="middle_1_middle">
			<form action="servlet/UserServlet" method="get" name="frm">
				<table>
					<tr>
						<td align="left" width="100">手机号码</td>
						<td><input name="username" style="color:#aaa;height:24px;width:400px;font-size:15px;" type="text" size="30" value="请输入您的手机号" onfocus='if(this.value=="请输入您的手机号"){this.value="";};'onblur='if(this.value==""){this.value="请输入您的手机号";};'></td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><p>手机号可用于登录、找回密码、接收订单通知等服务</p></td>
					</tr>
					<tr>
						<td>登录密码</td>
						<td><input name="password1" style="height:24px;width:400px;font-size:15px;" type="password"></td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>确认密码</td>
						<td><input name="password2" style="height:24px;width:400px;font-size:15px;" type="password"></td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><input onclick="check()" type="submit" value="立即注册" style="border-top-left-radius:1em;border-top-right-radius:1em;border-bottom-left-radius:1em;border-bottom-right-radius:1em;background-color: red;width:200px;height:40px;font-size: 16px;color:white;cursor:pointer;border:0"></td>
					</tr>
				</table>
			</form>
		</div>
	</div>
</body>

</html>